<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点单</title>
</head>
<body>
<div style="place-items: center">
    <h1>披萨点单表</h1>
</div>
<!--<div style="place-items: center">-->
<fieldset>
    <legend>主菜类型</legend>
    <label>
        <input type="radio" name="main" required>玛格丽特
    </label>
    <label>
        <input type="radio" name="main" required>海鲜至尊
    </label>
    <label>
        <input type="radio" name="main" required>素食主义
    </label>
</fieldset>
<fieldset>
    <legend>额外配料</legend>
    <label>
        <input type="checkbox" name="extra">芝士加倍
    </label>
    <label>
        <input type="checkbox" name="extra">蘑菇
    </label>
    <label>
        <input type="checkbox" name="extra">火腿
    </label>
    <label>
        <input type="checkbox" name="extra">橄榄
    </label>
</fieldset>
<fieldset>
    <legend>饮料(多选)</legend>
    <label>
    <input type="checkbox" name="drink">可乐
    </label>
    <label>
        <input type="checkbox" name="drink">雪碧
    </label>
    <label>
        <input type="checkbox" name="drink">柠檬茶
    </label>
</fieldset>
<fieldset>
    <legend>甜点</legend>
    <label>
        <input type="radio" name="cookies" required>提拉米苏
    </label>
    <label>
        <input type="radio" name="cookies" required>冰淇淋
    </label>
    <label>
        <input type="radio" name="cookies" required>无甜点
    </label>
</fieldset>

<label for="notes">备注</label>
<textarea rows="1" id="notes" name="notes" ></textarea>
<button type="submit">提交</button>
<!--</div>-->
</body>
</html>